.htrd-c-calendar {
  border: 1px solid #eee;
  height: 392px;
  width: 1172px;
  border-right: none;
  margin-left: 26px;
  background-color: #f0f0f0;

  .xAxls-group {
    width: 1111px;
    height: 30px;
    margin-left: 60px;
    border-left: 1px solid #e6e6e6;
    background-color:#f0f0f0;


    .item {
      float: left;
      width: 30px;
      height: 30px;
      border-right: 1px solid #e6e6e6;
      text-align: center;
      line-height: 30px;
    }
  }

  .yAxls-group {
    height: 362px;
    float: left;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background-color:#f0f0f0;

    .item {
      width: 60px;
      height: 30px;
      border-bottom: 1px solid #e6e6e6;
      // background-color: green;
      // color: #FFFFFF;
      text-align: center;
      line-height: 30px;
    }
  }

  .series-group {
    float: left;
    border-top: 1px solid #e6e6e6;
    width: 1110px;
    height: 360px;

    .line {
      width: 100%;
      height: 30px;
      border-bottom: 1px solid #e6e6e6;

      .box {
        float: left;
        height: 30px;
        line-height: 30px;

        .item {
          float: left;
          width: 30px;
          height: 30px;
          border-right: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          text-align: center;
          line-height: 30px;
          cursor: pointer;
          background-color: #f0f9ff;
          color: #3b8cff;

          &.holiday {
            background-color: #fff9d5;
          }

          &.active {
            color: #3b8cff;
            background-color: #ffe866;
          }
        }

        &:last-child {
          border: none;
        }
      }
    }
  }
}
